<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第八章</title>
    <link rel="stylesheet" href="../bootstrap-3.4.1-dist/css/bootstrap.min.css">
    <script src="../bootstrap-3.4.1-dist/js/jquery-3.6.1.js"></script>
    <script src="../bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
</head>
<style>
    .wrapper{
        margin: 0 auto;
        width: 800px;
    }
    .top{
        margin-top: 50px;
    }
</style>
<body>
<div class="list-group wrapper top">
  <a href="#" class="list-group-item active">第八章</a>
  <a href="edu_8_1_1.html" class="list-group-item">【例8-1-1】DIV标记的使用</a>
  <a href="edu_8_2_1.html" class="list-group-item">【例8-2-1】图层嵌套的应用</a>
  <a href="edu_8_2_2.html" class="list-group-item">【例8-2-2】图层层叠的应用</a>
  <a href="edu_8_3_1.html" class="list-group-item">【例8-3-1】DIV标记与span标记</a>
  <a href="edu_8_4_1.html" class="list-group-item">【例8-4-1】综合实例</a>
  <a href="exp_8_1.html" class="list-group-item">【实验8-1】新闻效果图</a>
  <a href="exp_8_2.html" class="list-group-item">【实验8-2】匾牌设计</a>
  <a class="list-group-item" href="../index.html"><span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span> 返回首页</a>
</div>
</body>
</html>
